<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title></title>
	<meta name="description" content="">
	<meta name="author" content="">

	<meta name="viewport" content="width=device-width">

	<!-- Le styles -->
    <link href="bootstrap//css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
		height: 100%;
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .sidebar-nav {
        padding: 9px 0;
      }


    </style>
    <link href="bootstrap//css/bootstrap-responsive.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="bootstrap//ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">

	<script src="js/libs/modernizr-2.5.3-respond-1.1.0.min.js"></script>
</head>
<body>
<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->

    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="brand" href="#"><img src="img/seednia-logo.png" height="30"/>Seednia</a>
		  <form class="form-inline navbar-form pull-right">
			  <input type="text" id="search" name="search" class="input" placeholder="Search" >
			  <button type="submit" class="btn">search</button>
			</form>
        </div>
      </div>
    </div>

    <div class="container-fluid">
	<div class="row-fluid">
	
		<div class="span2"> <!-- RIGHT SIDE BAR FOR REGISTRATION -->
			<div class="well sidebar-nav">
				<div>
					<img src="img/profile-pic.jpg" style="float:left; padding:5px">
						<div style="padding:5px">
							<a href="#">My Profile</a>
							<div class="progress progress-striped">
							<div class="bar" style="width: 50%;"></div></div>
						</div>
				</div>
				<br />
				<h5>GOALS</h5>
				<ul class="nav nav-list">
				  <li class="nav-header">MY GOALS </li>
				  <li class="active"><a href="#">My First Goal</a></li>
				  <li><a href="#">My First Goal</a></li>
				  <li class="nav-header">MENTORING</li>
				  <li><a href="#">Career dev</a></li>
				  <li class="nav-header">COLLABORATING</li>
				  <li><a href="#">Biography Writing</a></li>
				</ul>
				<br />
				<h5>INTERESTS</h5>
				<ul class="nav nav-list">
				  <li><a href="#">Computer Science</a></li>
				  <li><a href="#">Technology</a></li>
				  <li><a href="#">Entrepreneurship</a></li>
				</ul>
			</div><!--/.well -->	
		</div>
		
		<div class="span10">
				<div class="navbar ">
					<div class="navbar-inner">
					<div class="container">
						<a class="brand" href="#">Project: Project name</a>
							<div class="nav-collapse pull-right">
							<ul class="nav">
							  <li class="active"><a href="#"><i class="icon-cog"></i>Settings</a></li>
							  <li><a href="#about">About</a></li>
							  <li><a href="#contact">Contact</a></li>
							</ul>
						  </div><!--/.nav-collapse -->
						</ul>
					</div>
					</div>
				</div>
			<div class="row-fluid">
				<div class="span9"> <!-- HEADER -->
			
				  <!-- Main hero unit for a primary marketing message or call to action -->
				  <div class="hero-unit">
					<h2>Goal: My First Goal</h2>
					<p>To develop a system that facilitates the collection of PSP/TSP data and provide estimation and prediction based on statistics.</p>
					<p>Milestones
					</p>
				  </div>

				  <!-- Example row of columns -->
				  Hello world text here
				</div>
				
				<div class="span3"> <!-- RIGHT SIDE BAR FOR REGISTRATION -->
					<div class="well sidebar-nav">
					<h5>MEMBERS</h5>
					<ul class="nav nav-list">
					  <li class="nav-header">MENTORS</li>
					  <li><img src="img/user-icon.jpg" height="30"/>
						<img src="img/user-icon.jpg" height="30"/>
						<img src="img/user-icon.jpg" height="30"/></li>
					  <li class="nav-header">COLLABORATORS</li>
					  <li><img src="img/user-icon.jpg" height="30"/>
						<img src="img/user-icon.jpg" height="30"/>
						<img src="img/user-icon.jpg" height="30"/></li>
					</ul>
					<br />
					<h5>TASKS</h5>
					<ul class="nav nav-list">
					  <li><input type="checkbox" />
						<span>Meeting with mentor</span></li>
					</ul>
					<br />
					<h5>SUGGESTIONS</h5>
					<ul class="nav nav-list">
					  <li><a href="#"><i class="icon-book"></i>Career dev</a></li>
					  <li><a href="#">Biography Writing</a></li>
					</ul>
				  </div><!--/.well -->
				</div>
			</div>  <!-- /row (inner) -->
		</div> <!-- /span10 (main content) -->
	</div> <!-- /row -->
		  <hr>

		  <footer>
			<p>&copy; Seednia 2012</p>
		  </footer>
    </div> <!-- /container -->

	<!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="bootstrap/js/jquery.js"></script>
    <script src="bootstrap/js/bootstrap-transition.js"></script>
    <script src="bootstrap/js/bootstrap-alert.js"></script>
    <script src="bootstrap/js/bootstrap-modal.js"></script>
    <script src="bootstrap/js/bootstrap-dropdown.js"></script>
    <script src="bootstrap/js/bootstrap-scrollspy.js"></script>
    <script src="bootstrap/js/bootstrap-tab.js"></script>
    <script src="bootstrap/js/bootstrap-tooltip.js"></script>
    <script src="bootstrap/js/bootstrap-popover.js"></script>
    <script src="bootstrap/js/bootstrap-button.js"></script>
    <script src="bootstrap/js/bootstrap-collapse.js"></script>
    <script src="bootstrap/js/bootstrap-carousel.js"></script>
    <script src="bootstrap/js/bootstrap-typeahead.js"></script>
</body>
</html>
